<template>
  <div>
    <active-top />
    <Active-banner :banner='banner'/>
    <active-content />
  </div>
</template>

<script>
import ActiveTop from "./component/ActiveTop";
import ActiveBanner from "./component/ActiveBanner";
import ActiveContent from "./component/ActiveContent"
import {bannerList} from "@/service/active/active"
import nav from "../../mixin/nav";

export default {
    mixins: [nav],
    data() {
        return {
            banner:[]
    }
    },

    async created() {
        let { data } = await bannerList()
        // console.log(data)
        if (data.code == 200) {
            this.banner = data.rows
        }
        
    },


  components: {
    ActiveTop,
      ActiveBanner,
    ActiveContent
  },
};
</script>

<style>
</style>